<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS_类选择器</title>
  <style>
        .animal {
            font-size: 100px;
            color: red;
        }
        .car {
            font-size: 50px;
            color: blue;
        }
        .famous_brand {
            font-size: 100px;
            color: greenyellow;
        }
  </style>
</head>
<body>
<!--类选择器：
        作用：根据元素的class的值,来选中某些元素
        语法：
           .类名{
                属性名:属性值;
                属性名:属性值;
                .......
           }
        注意点：
            元素的class属性不带.,但是在css类选择器使用时需要带上。
            class值,是我们自己定义的，按照标准:不要使用纯数字、不要使用中文、尽量使用英文与数字的组合,若由多个英文单词组成,使用-或者_做连接，并且命名要见名知意
            一个元素不能写多个class属性,但是可以有多个值中间用空格进行隔开
-->
    <p class="animal">老虎</p>
    <p class="animal">狮子</p>
    <p class="animal1">大象</p>
    <p class="car famous_brand">保时捷</p>
    <p class="car">玛莎拉蒂</p>
    <p class="car">兰博基尼</p>
</body>
</html>